class Food {
  //定义一个属性表示食物对应的元素
  element: HTMLElement;

  constructor() {
    //获取页面中食物元素，非空断言
    this.element = document.getElementById("food")!;
  }

  // 获取食物的x坐标
  get X() {
    return this.element.offsetLeft;
  }

  // 获取食物的y坐标
  get Y() {
    return this.element.offsetTop;
  }

  //修改食物的位置
  change() {
    //生成随机位置
    //食物位置最小为0，最大为290
    let left = Math.round(Math.random() * 29) * 10;
    let top = Math.round(Math.random() * 29) * 10;

    this.element.style.left = left + "px";
    this.element.style.top = top + "px";
  }
}
// 测试代码
// const food = new Food();
// food.change()

export default Food;
